<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>内边距</title>
		<style>
			/* 行内块元素 ：浏览器默认认为它是行元素 
			内边距主要功能：撕开元素，存精灵图【图标.icon】
			padding内边距：边框与内容之间距离
			padding属性：1属性值 顺时针 上 右 下 左
			padding属性：2个值 顺时针 上下 左右
			padding属性：3个值 顺时针 上 左右 下
			padding属性  4给值 顺时针 上 右 下 左 
			*/
			img{
				border: 1px solid red;
				padding: 10px;
				padding: 10px 20px;
				padding: 10px 20px 30px;
			}
		</style>
	</head>
	<body>
		
		<img src="img/Q版芙宁娜 (22)_爱给网_aigei_com.jpg" 
		alt="芙宁娜" width="500px" height="500px"/>
		
	</body>
</html>